<template>
    <div>
        <el-container>
            <el-main height="">
                <div class="warp">
                    <div
                        class="warp-box"
                        v-for="(item, index) in 9"
                        :key="index"
                    >
                        <div>{{ item }}楼排风机</div>
                        <el-switch
                            v-model="switchVal"
                            active-text="开"
                            inactive-text="关"
                        >
                        </el-switch>
                    </div>
                </div>
            </el-main>
        </el-container>
    </div>
</template>
<script>
export default {
    name: "draughtFan",
    data() {
        return {
            switchVal: true,
        };
    },
    created() {},
    mounted() {},
    methods: {},
};
</script>
<style lang="scss" scoped>
.warp {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    grid-row-gap: 40px;
    &-box {
        height: 50px;
        padding: 10px;
        border-radius: 10px;
        background-color: #ffd581;
    }
}
/* @import url(); 引入css类 */
</style>
